<template>
  <a-row type="flex" style="flex-flow: inherit;">
    <a-col :flex="toggle?'150px':'30px'" style="margin-right: 12px;background-color: #fff;">
      <a-tabs default-active-key="1" tab-position="right" @change="btn">
        <a-tab-pane key="1" tab="Tab 1">

        </a-tab-pane>
        <a-tab-pane key="2" tab="Tab 2">

        </a-tab-pane>
        <a-tab-pane key="3" tab="Tab 3">

        </a-tab-pane>
      </a-tabs>
<!--      <depart-tree :rootOpened="true" :multi="false" @ok="getTreeData" @toggleBool="toggleBool" />-->
    </a-col>
    <a-col flex="auto" class="formList" >
      <div>
        <load></load>
      </div>
    </a-col>
  </a-row>
</template>

<script>
import load from './personnelEntry/load'
import {listFor,listForm} from "@views/sjsk/modules/list";

export default {
  components: { load },
  mixins:[listFor,listForm],
  data() {
    return {
      toggle: true,
    }
  },
  created() {},
  async mounted() {
    // this.onQuery()
  },
  methods:{
    btn(a){
      alert(a)
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
/deep/.ant-tabs{
  display: flex !important;
  justify-content: center !important;
  margin-top: 20px!important;
}
/deep/.ant-tabs-content{
  display: none;
}
.formList{
  overflow: auto;
  margin-right: 12px;
  background-color: #fff;
  max-height: 830px;
  min-height: 1200px;
  padding: 20px;
}
</style>
